<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
    <title th:utext="${essebtial.title}"></title>
<head>
    <link th:href="${essebtial.icon}" rel="icon" type="image/x-icon" />
    <link rel="stylesheet" href="/css/login.css" />
    <link rel="stylesheet" href="/js/public/layui/css/layui.css" />
    <style>
        body {
            /*在页面顶部加载背景最佳，如有必要这块可以从数据库读取*/
            background-image: url(/image/login.jpg);
        }
    </style>
</head>
<body class="layui-layout-body">
<div>
    <!-- 背景动画 -->
    <canvas id="c_n9" width="1920" height="990" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;"></canvas>
    <div class="layadmin-user-login">
        <div class="layadmin-user-login-main">
            <div class="layadmin-user-login-box layadmin-user-login-header">
                <h2 th:utext="${essebtial.title}+'框架'"></h2>
            </div>
            <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                <form class="layui-form" id="login">
                    <div class="layui-form-item">
                        <div class="form-message" hidden=""></div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
                        <input type="text" name="account" lay-verify="required" autocomplete="off" placeholder="请输入账号:admin" class="layui-input" >
                    </div>
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
                        <input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="请输入密码:123123" class="layui-input">
                    </div>
                    <div class="layui-form-item">
                        <label class="layadmin-user-login-icon layui-icon layui-icon-vercode"></label>
                        <input type="text" name="vcode" lay-verify="required" autocomplete="off" placeholder="验证码" class="layui-input" style="width:62%;float: left;margin-right:11px;">
                        <img src="/getGifCode" height="36" id="getGifCode" style="float: right;border: 1px solid #989898;width: 114px;" />
                    </div>
                    <div class="layui-form-item">
                        <input type="checkbox" name="rememberMe" lay-skin="primary" title="记住账号" value="true" >
                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><span>记住账号?</span>
                            <i class="layui-icon"></i>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn layui-btn-fluid" style="border-radius: 30px;" lay-submit lay-filter="login">登 录</button>
                    </div>
                </form>
            </div>
        </div>

    </div>
    <p align="center" style="color: #adaaaa;" th:utext="${essebtial.address}"></p>
    <p align="center" style="color: #adaaaa;" th:utext="${essebtial.icpNumber}"></p>
</div>

<script src="/js/public/jquery/jquery1.8.3.min.js"></script>
<script src="/js/public/layui/layui.all.js"></script>
<script src="/js/layer/layer.js"></script>
<script src="/js/jelly/login.js"></script>
<script src="/js/public/canvas/canvas.min.js"></script>
<script th:utext="${essebtial.statistics}"></script>
</body>
</html>